Skip to content

[No Jira] fix color edit tab navigation#368

Merged
meganthecoder merged 2 commits intostagefrom
color-edit-bug-fixes
Apr 20, 2026
Merged

[No Jira] fix color edit tab navigation#368
meganthecoder merged 2 commits intostagefrom
color-edit-bug-fixes

Conversation

@vvineett
Copy link
Copy Markdown
Contributor

@vvineett vvineett commented Apr 16, 2026

Summary

Focus & Keyboard Accessibility Fixes for Color Editor

Focus returns to strip after closing the color editor

When editing a color via the hex code on a strip, pressing Escape or clicking outside to close the editor would lose keyboard focus entirely — it would jump to the toolbar instead of staying on the strip the user was working on. This has been fixed so focus returns to the correct color strip, allowing users to continue navigating with the keyboard seamlessly.

Arrow keys now work on color area and hue slider handles

The color area (saturation/brightness) and hue slider handles inside the color editor were unresponsive to arrow keys. Users relying on keyboard navigation couldn't adjust colors at all. This was caused by a snap-to-original-color feature that was too aggressive for the small increments keyboard input produces, effectively canceling every adjustment. The fix preserves the snap behavior for mouse/touch users (where it helps return to the original color) while allowing keyboard users to make fine-grained adjustments with arrow keys as expected.


Jira Ticket

Resolves: MWPW-NUMBER


Test URLs

Env URL
Before https://stage--express-color--adobecom.aem.page/create/color-accessibility
After https://color-edit-bug-fixes--express-color--adobecom.aem.page/create/color-accessibility?martech=off

Verification Steps

  • Steps to reproduce the issue or view the new feature.
  • What to expect before and after the change.

Potential Regressions

  • https://--da-express-milo--adobecom.aem.live/express/?martech=off

Additional Notes

(If applicable) Add context, related PRs, or known issues here.

@aem-code-sync
Copy link
Copy Markdown

aem-code-sync Bot commented Apr 16, 2026

Hello, I'm the AEM Code Sync Bot and I will run some actions to deploy your branch and validate page speed.
In case there are problems, just click a checkbox below to rerun the respective action.

  • Re-run PSI checks
  • Re-sync branch
Commits

Copy link
Copy Markdown
Contributor

@meganthecoder meganthecoder left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Can you fix the merge conflicts with stage? Then I can test the popover with my recent changes.

@vvineett
Copy link
Copy Markdown
Contributor Author

@meganthecoder I have fixed merge conflicts. Please take a look.

@meganthecoder meganthecoder merged commit 1a88c50 into stage Apr 20, 2026
8 of 9 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants